<template>
<div class="shoppingCarGiftOneContainer">

    <div class="shoppingCarGiftOne">
        <!-- 购物车没有商品的时候，使用的图片 -->
        <img class="img1" src="../../assets/image/shoppingCar/shoppingCarZero.png">
        <!-- 购物车空 -->
        <p>购物车空空的哦~</p>
        <!-- 下面的去逛逛按钮 -->
        <router-link to="/" tag="div" class="goShppingBtn">
            去逛逛
        </router-link>
        
    </div>

</div>
</template>

<script>
export default {
    name: "ShoppingCarZero"
}
</script>

<style scoped>
.shoppingCarGiftOneContainer {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-top: 20%;
    text-align: center;
    
}
.shoppingCarGiftOne{
    width: 5rem;
    height: 50%;
}
.shoppingCarGiftOne>p{
    text-align: center;
    color: #666666;
    font-size: .38rem;
    margin-top: 10%;
    font-weight: 900;
}
.img1{
    height: 40%;
    margin: 0 .1rem;
}
.goShppingBtn{
    width: 100%;
    height: 1.5rem;
    margin-top: 20%;
    background-color: #4AA4FC;
    color: #FFFFFF;
    font-size: .5rem;
    display:flex;
    display:-webkit-flex;
    justify-content: center;
    align-items: center;
    
}
</style>
